<template>
  <div class="lf-html-wrapper">
    <div class="custom-html">
      <div class="custom-head">{{ name }}</div>
      <div class="custom-body">
        <Icon size="20"><UserOutlined /></Icon>
        <!-- <span>{{ candidateUsersName }}</span> -->
        <span>未设置抄送人</span>
        <!-- <usergroup-add-outlined /> -->
        <!-- <button @mousedown.stop="changeData()">修改标题</button> -->
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { UserOutlined } from '@vicons/antd'
import { Icon } from '@vicons/utils'

export default defineComponent({
  name: 'SendTask',
  components: { UserOutlined, Icon },
  props: {
    name: {
      type: String,
      default: ''
    }
  }
})
</script>

<style scoped>
.lf-html-wrapper .custom-html {
  width: 170px;
  height: 70px;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}

.lf-html-wrapper .custom-head {
  color: #fff;
  background-color: #e3af62;
  height: 26px;
  line-height: 26px;
  text-align: center;
}

.lf-html-wrapper .custom-body {
  color: #666;
  height: 50px;
  line-height: 50px;
}
</style>
